!!!###!!!title=116- 当环形图设置有间隔时,环形的底部能否增加背景颜色?——VisActor/VChart FAQ 文档!!!###!!!

当环形图设置有间隔时,环形的底部能否增加背景颜色?

问题描述

设计稿中环形图的每一块之间设置了间隔,并且在间隔下方还有一个灰的背景环,请问这个效果如何实现?

解决方案

这个效果可以用 VChart 的组合图实现。组合图可以配置两个饼图系列,第一个只有一条数据,用于模拟背景的环形;第二个系列就是常规的饼图系列。需要注意:

  • padAngle:配置间隔的角度;
  • innerRadius/outerRadius:配置内外半径。两个系列需要配置相同的内外半径;
  • 系列之间的顺序不要颠倒,因为后配置的系列层级更高;
  • 背景系列建议关闭动画 和 tooltip 交互;

Code Example

Quote